<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>OL</title>
    <link rel="stylesheet" href="lib/ol.css" type="text/css">
    <link rel="stylesheet" href="style/map.css" type="text/css">
    <style>
        .tools {
            position: absolute;
            top: 1rem;
            right: 1rem;
            z-index: 99;
        }
        .tooltips {
            font-size: 10px;
            background-color: rgba(0,0,0,0.6);
            color: white;
            padding: 3px 6px;
            border-radius: 4px;
        }
    </style>
    <script src="lib/ol.js"></script>
</head>
<body>
<div id="map" class="map">
    <div class="tools">
        <button id="point">点</button>
        <button id="line">线</button>
        <button id="polygon">面</button>
    </div>
</div>
<script src="js/chapter9-4.js"></script>
</body>
</html>